<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:body>
        <ui:composition template="/templates/layout.xhtml">
            <ui:define name="content">
                <h:form id="formId">
                    <p:growl id="growl" autoUpdate="true" sticky="true" life="1000" showDetail="true" />
                    <p:panelGrid id="gridId" style="padding-bottom: 10px; width: 100%; min-width: 730px; padding: 0px; margin: 0px;">
                        <p:focus context="gridId" />
                        <p:row>
                            <p:column style="text-align: right;">
                                <h:outputText value="Login Name :" />
                            </p:column>
                            <p:column style="text-align: left;">
                                <p:autoComplete id="acOpduser"
                                                required="true"
                                                requiredMessage="please, input opduser"
                                                size="55"
                                                scrollHeight="200"
                                                queryDelay="1"
                                                autocomplete="true"
                                                dropdown="true"
                                                value="#{profileSettingManagedBean.selectedOpduser}"
                                                completeMethod="#{profileSettingManagedBean.completeLoginname(words)}"
                                                var="opduser" itemLabel="#{opduser.loginname}" itemValue="#{opduser}" forceSelection="true">
                                    <p:ajax event="itemSelect"/>

                                    <p:column style="width:20%; text-align: center">
                                        #{opduser.loginname} 
                                    </p:column>
                                    <p:column style="width:80%; text-align: left">
                                        #{opduser.name}
                                    </p:column>
                                </p:autoComplete>
                            </p:column>
                        </p:row>
                    </p:panelGrid>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>